const db = wx.cloud.database()
const sid = wx.getStorageSync('id')
let message=""
let id = ""
Page({

  /**
   * 页面的初始数据
   */
  data: {
    text: "立即报名",
    baoming: false,
    list: "",
    show: false,
    stdms: {},
    zhuangtaiarr: [
      "报名进行中",
      "报名未开始",
      "报名已结束"
    ],
    status: ["true", "false", "false"],
    showModalStatus: false,
    name:"",
    age:"",
    idcard:"",
    phone:"",
    beizhu:""
  },

  /**
   * 生命周期函数--监听页面加载
   */
  name(e){
    console.log(e);
    this.setData({
      name:e.detail.value
    })
  },
  age(e){
    this.setData({
      age:e.detail.value
    })
  },
  idcard(e){
    this.setData({
      idcard:e.detail.value
    })
  },
  phone(e){
    this.setData({
      phone:e.detail.value
    })
  },
  beizhu(e){
    this.setData({
      beizhu:e.detail.value
    })
  },
  getstdms(id) {
    db.collection("student").doc(sid).get().then(res => {
      console.log(res);
      message=res.data
      if(message.huodongarr.includes(id)){
        this.setData({
          baoming:true,
          text:"已报名",
          stdms: res.data
        })
      }
      else{
        this.setData({
         baoming:false,
          text:"立即报名",
          stdms: res.data
        })
      }
    })
  },


  onLoad(options) {
    id = options.id
    console.log(id);
    this.getstdms(id)
    db.collection("huodong").doc(id).get().then(res => {
      if (res.data.zhuangtai == 0) {
        this.setData({
          list: res.data,
          show: true
        })
      } else {
        this.setData({
          list: res.data
        })
      }
    })
  },
  powerDrawer: function (e) {
    var currentStatu = e.currentTarget.dataset.statu;
    this.util(currentStatu)
  },
  util: function (currentStatu) {
    /* 动画部分 */
    // 第1步：创建动画实例   
    var animation = wx.createAnimation({
      duration: 200, //动画时长  
      timingFunction: "linear", //线性  
      delay: 0 //0则不延迟  
    });

    // 第2步：这个动画实例赋给当前的动画实例  
    this.animation = animation;

    // 第3步：执行第一组动画  
    animation.opacity(0).rotateX(-100).step();

    // 第4步：导出动画对象赋给数据对象储存  
    this.setData({
      animationData: animation.export()
    })

    // 第5步：设置定时器到指定时候后，执行第二组动画  
    setTimeout(function () {
      // 执行第二组动画  
      animation.opacity(1).rotateX(0).step();
      // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象  
      this.setData({
        animationData: animation
      })

      //关闭  
      if (currentStatu == "close") {
        this.setData({
          showModalStatus: false
        });
      }
    }.bind(this), 200)

    // 显示  
    if (currentStatu == "open") {
      this.setData({
        showModalStatus: true
      });
    }
  },
  tijiao() {
    db.collection("huodonglist").add({
      data:{
        name:this.data.name,
        age:this.data.age,
        idcard:this.data.idcard,
        phone:this.data.phone,
        beizhu:this.data.beizhu
      }
    })
    wx.showToast({
      title: '信息提交成功',
    })
    this.setData({
      showModalStatus: !this.data.showModalStatus,
      baoming: true,
      text: "已报名"
    })
    if (!message.huodongarr.includes(id)) {
      message.huodongarr.push(id)
      db.collection("student").doc(sid).update({
        data: {
          huodongnum: message.huodongnum + 1,
          huodongarr: message.huodongarr
        }
      }).then(res => {
        console.log(res);
      })
    }
  },
  quxiao() {
    this.setData({
      showModalStatus: !this.data.showModalStatus
    })
  },
  click() {
    wx.showModal({
      title: '如果有参加活动意向',
      content: '请拨打电话:18671931208',
      success(res) {
        if (res.confirm) {
          console.log('用户点击确定')

        } else if (res.cancel) {
          console.log('用户点击取消')
        }
      }
    })
  },


  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})